@charset "UTF-8";
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    background: #fff;
    font-size: .28rem;
    color: #999;
    font-family: "Ubuntu", -apple-system-font, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif !important;
    -webkit-tap-highlight-color: transparent;
}

.title {
    font-size: .4rem;
    color: #333;
    padding-top: 1rem;
    text-align: center;
    font-weight: bold;
}

.chen-loginpass {
    width: 6.9rem;
    margin: 1rem auto 0;
}

.loginphone {
    margin-top: .73rem;
    display: flex;
    justify-content: flex-start;
    border-bottom: 0.02rem solid #EDEDED;
    padding-bottom: .18rem;
}

.phone-pic {
    width: .40rem;
    height: .40rem;
}

.phone-pic img {
    width: 100%;
    height: 100%;
}

.loginph {
    display: flex;
    justify-content: space-between;
}

.loginph img {
    margin-top: .20rem;
}

.loginphone input {
    width: 5.50rem;
    padding-left: .20rem;
    height: .4rem;
    line-height: .4rem;
    outline: none;
    border: none;
    font-size: .28rem;
}

.logincode input {
    width: 3.40rem !important;
    margin-top: .40rem;
}

.logincode img {
    margin-top: .40rem;
}

.sendcode {
    width: 2.60rem;
    height: .76rem;
    line-height: .76rem;
    text-align: center;
    color: #0287FF;
    border: 0.02rem solid #0287FF;
    border-radius: .38rem;
    font-size: .30rem;
}

.sendcode.sendactive {
    border: .02rem solid #EDEDED;
    background: #EDEDED;
    color: #999999;
}

.but {
    width: 6.90rem;
    height: .88rem;
    background: #0287FF;
    color: #fff;
    font-size: .30rem;
    line-height: .88rem;
    text-align: center;
    border-radius: .44rem;
    margin-top: 1rem;
}